﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UploadFindFamily.aspx.cs" Inherits="App_UploadFindFamily" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%=UI_Head() %>

    <script src="../Script/jquery.uploadPreview.js" type="text/javascript"></script>
    <script>
        $(document).ready(function() {
            //建议在#imgDiv的父元素上加个overflow:hidden;的css样式
            $("#FileUpload1").uploadPreview({ width: 107, height: 145, imgDiv: "#ThumbImg", imgType: ["bmp", "gif", "png", "jpg"] });
        });
    
    </script>
    

</head>
<body style="background: #FFFFFF;">
    <form id="form1" runat="server">
    <table width="100%" style="text-align: center;">
        <tr>
            <td style="vertical-align: top; width: 60%;">
                <fieldset style="width: 95%; text-align: center; min-height: 160px; height: 160px;">
                    <legend>&nbsp;&nbsp;上&nbsp;&nbsp;传&nbsp;&nbsp;</legend>
                    <br />
                    <br />
                    <asp:FileUpload ID="FileUpload1" runat="server" Width="232px" />
                    <br />
                    <br />
                    <asp:Button ID="Button1" runat="server" Text=" 上 传 " onclick="Button1_Click" />
                    <br />
                    <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*请选择上传的文件"
                        ControlToValidate="FileUpload1"></asp:RequiredFieldValidator>
                </fieldset>
            </td>
            <td style="vertical-align: top; width: 40%;">
                <fieldset style="text-align: center; width: 150px; min-height: 160px; height: 160px;">
                    <legend>&nbsp;&nbsp;&nbsp;缩&nbsp;略&nbsp;图&nbsp;&nbsp;&nbsp;</legend>
                    <img src="../images/nopic.jpg" id="ThumbImg" onload="javascript:DrawImage(this,107,145);" />
                    
                </fieldset>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
